// src/router/index.js
import { createRouter, createWebHistory } from 'vue-router'
// import routes from '~pages'
import generatedRoutes from '~pages'
import { setupLayouts } from 'virtual:generated-layouts'
// import Home from '../pages/home.vue'
// import About from '../pages/about.vue'

const routes = setupLayouts(generatedRoutes);
// const routes = generatedRoutes;
 
//使用 vite-plugin-pages 自动生成路由，无需手动定义路由
// // 1. 定义路由组件
// // 可以从其他文件导入，或者直接在这里定义
// const routes = [
//   {
//     path: '/',
//     name: 'Home',
//     component: Home
//   },
//   {
//     path: '/about',
//     name: 'About',
//     component: About
//   }
// ]

// 2. 创建路由实例
const router = createRouter({
  // 使用 history 模式，需要服务器端支持
  history: createWebHistory(),
  routes,
  // routes: setupLayouts(routes),
})

// 全局前置守卫
router.beforeEach((to, from, next) => {
  if (to.meta.requiresAuth && !localStorage.getItem('token')) {  
    next('/login')
  } else {
    next()
  }
});

// 全局后置守卫
router.afterEach((to, from) => {
  console.log(`正要离开的路由:`);
  console.log(from);

  console.log(`即将要进入的目标:`);
  console.log(to);

  console.log(`从 ${from.fullPath} 到 ${to.fullPath}`);
});


// 3. 导出路由实例，以便在 main.js 中使用
export default router